<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>精英大侠-最专业的电脑销售网站</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link href="${pageContext.request.contextPath}/css/bootstrap.css"
	rel="stylesheet" type="text/css" media="all">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet" type="text/css" media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport	" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easing.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/flexslider.css"
	type="text/css" media="screen" />
<link href="${pageContext.request.contextPath}/css/megamenu.css"
	rel="stylesheet" type="text/css" media="all" />
<script src="${pageContext.request.contextPath}/js/menu_jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/megamenu.js"></script>
<script>
	$(document).ready(function() {
		$(".megamenu").megamenu();
	});
</script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/css/etalage.css">
<script
	src="${pageContext.request.contextPath}/js/jquery.easydropdown.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery.etalage.min.js"></script>
<script>
	jQuery(document)
			.ready(
					function($) {

						$('#etalage')
								.etalage(
										{
											thumb_image_width : 300,
											thumb_image_height : 400,
											source_image_width : 900,
											source_image_height : 1200,
											show_hint : true,
											click_callback : function(
													image_anchor, instance_id) {
												alert('Callback example:\nYou clicked on an image with the anchor: "'
														+ image_anchor
														+ '"\n(in Etalage instance: "'
														+ instance_id + '")');
											}
										});

					});
</script>

<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
	$(function() {
		$('.scroll-pane').jScrollPane();
	});
</script>
<script type="text/javascript">
	var chatList = [];//创建数组
	var _tmpStr = '我：',_tmpStr2 = '阿汇：';//创建变量
	
	function doSubmit() {
		var info = $('#info').val();//获取值
			$('#info').val("");//设置输入之后值消失
		var url = '${pageContext.request.contextPath}/link/response.action';
		var _tmpTarget = document.getElementById("chatList");
		chatList.push(_tmpStr+info);//输入我的问题
		$.get(url, {
			info : info,
			key : "96625c3189f54aafa043ea2db59d0e36"
		}, function(json) {
			if (json != null) {
				chatList.push(_tmpStr2+(JSON.parse(json)).text);//模式匹配json中text
				 _tmpTarget.value = chatList.join('\n');
				document.getElementById("res").innerText = json;
			} else {
				document.getElementById("res").innerText = '不好意思，阿汇还没起床哦';
			}
		});
	}
</script>

</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top_bg">
			<div class="container">


				<div class="header_top">
					<div class="logo">
						<a href="${pageContext.request.contextPath}"><img
							src="${pageContext.request.contextPath}/images/logo.png" alt="" />
						</a>
					</div>
					<br> <br> &nbsp; &nbsp; &nbsp; <span>
						<form action="#">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="text"
								style="height:40px;" size="80"> <input type="submit"
								value="搜索" style="height:40px;width:90px">

						</form> </span>

					<div class="top_right">
						<ul>
							<li>${sessionScope.customer.customerName}</li>
							<li><a
								href="${pageContext.request.contextPath}/registration.jsp">免费注册
							</a>
							</li>
							<li><a
								href="${pageContext.request.contextPath}/link/contact.jsp">联系我们</a>
							</li>
							<li class="login">
								<div id="loginContainer">
									<a href="#" id="loginButton"><span>登录</span> </a>
									<div id="loginBox">
										<form id="loginForm"
											action="${pageContext.request.contextPath}/admin/adminLogin.action"
											method="post">
											<fieldset id="body">
												<fieldset>
													<label for="email">邮箱地址</label> <input type="text"
														name="adminName" id="email">
												</fieldset>
												<fieldset>
													<label for="password">密码</label> <input type="password"
														name="adminPassword" id="password">
												</fieldset>
												<input type="submit" id="login" value="登录"> <label
													for="checkbox"><input type="checkbox" id="checkbox">
													<i>下次自动登录</i> </label>
											</fieldset>
											<span><a href="#">忘记密码?</a> </span>
										</form>
									</div>
								</div></li>
						</ul>
					</div>


					<div class="clearfix"></div>
				</div>



			</div>
		</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
				<ul class="megamenu skyblue">
					<li><a class="color1"
						href="${pageContext.request.contextPath}/customer/indexUI.action">首页</a>
					</li>
					<li class="grid"><a class="color2"
						href="${pageContext.request.contextPath}/goods/brand.action">电脑办公</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>电脑整机</h4>
										<ul>
											<li><a
												href="${pageContext.request.contextPath}/goods/brand.action">笔记本</a>
											</li>
											<li><a href="#">游戏本</a>
											</li>
											<li><a href="#">台式机</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">服务器</a>
											</li>
											<li><a href="#">联想</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>电脑配件</h4>
										<ul>
											<li><a href="#">CPU</a>
											</li>
											<li><a href="#">SSD硬盘</a>
											</li>
											<li><a href="#">显示器</a>
											</li>
											<li><a href="#">显卡</a>
											</li>
											<li><a href="#">组装电脑</a>
											</li>
											<li><a href="#">机箱</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>外设&游戏</h4>
										<ul>
											<li><a href="#">键盘</a>
											</li>
											<li><a href="#">鼠标</a>
											</li>
											<li><a href="#">U盘</a>
											</li>
											<li><a href="#">移动硬盘</a>
											</li>
											<li><a href="#">游戏设备</a>
											</li>
											<li><a href="#">VR设备</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>办公设备</h4>
										<ul>
											<li><a href="#">摄影机</a>
											</li>
											<li><a href="#">打印机</a>
											</li>
											<li><a href="#">点钞机</a>
											</li>
											<li><a href="#">碎纸机</a>
											</li>
											<li><a href="#">考勤机</a>
											</li>
											<li><a href="#">保险柜</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>文具耗材</h4>
										<ul>
											<li><a href="#">学生文具</a>
											</li>
											<li><a href="#">办公文具</a>
											</li>
											<li><a href="#">纸类</a>
											</li>
											<li><a href="#">打印耗材</a>
											</li>

										</ul>
									</div>
								</div>

								<div class="col1">
									<div class="h_nav">
										<h4>促销快报</h4>
										<ul>
											<li><a href="#">折价商品</a>
											</li>
											<li><a href="#">本周热门</a>
											</li>
											<li><a href="#">最新商品</a>
											</li>

										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>


					<li><a class="color4"
						href="${pageContext.request.contextPath}/goods/brand.action">品牌馆</a>
						<div class="megapanel">
							<div class="row">
								<div class="col1">
									<div class="h_nav">
										<h4>联想</h4>
										<ul>
											<li><a href="#">ThinkPad New S3</a>
											</li>
											<li><a href="#">YOGA5 Pro</a>
											</li>
											<li><a href="#">小新 air13 Pro</a>
											</li>
											<li><a href="#">拯救者</a>
											</li>
											<li><a href="#">天逸310</a>
											</li>
											<li><a href="#">710S</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>华硕</h4>
										<ul>
											<li><a href="#">U4000UQ</a>
											</li>
											<li><a href="#">FX-PRO</a>
											</li>
											<li><a href="#">灵耀3</a>
											</li>
											<li><a href="#">顽石四代</a>
											</li>
											<li><a href="#">玩家国度</a>
											</li>
											<li><a href="#">G11飞行堡垒</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>ThinkPad</h4>
										<ul>
											<li><a href="#">黑侠E570</a>
											</li>
											<li><a href="#">NewS2</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">黑将S5</a>
											</li>
											<li><a href="#">E450</a>
											</li>
											<li><a href="#">X260</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>微星</h4>
										<ul>
											<li><a href="#">GP62</a>
											</li>
											<li><a href="#">GL62</a>
											</li>
											<li><a href="#">GS73</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>戴尔</h4>
										<ul>
											<li><a href="#">灵越</a>
											</li>
											<li><a href="#">成就</a>
											</li>
											<li><a href="#">7040MT</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">灵越飞匣</a>
											</li>

										</ul>
									</div>
								</div>
								<div class="col1">
									<div class="h_nav">
										<h4>惠普</h4>
										<ul>
											<li><a href="#">HP ENVY</a>
											</li>
											<li><a href="#">暗影精灵II</a>
											</li>
											<li><a href="#">22-b030cn</a>
											</li>
											<li><a href="#">24ES</a>
											</li>
											<li><a href="#">一体机</a>
											</li>
											<li><a href="#">商务本</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col2"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
								<div class="col1"></div>
							</div>
						</div></li>
					<li><a class="color5" href="#">游戏部落</a></li>

					<li><a class="color6" href="#">装机大师</a>
					</li>
					<li><a class="color7"
						href="${pageContext.request.contextPath}/orders/shoppingcarshow.action">购物车</a>
					</li>
					<li><a class="color8"
						href="${pageContext.request.contextPath}/link/test.action">联系我们</a>
					</li>
					<div class="clearfix"></div>
				</ul>
			</div>
		</div>
	</div>
	<!-- script-for-nav -->
	<script>
		$("span.menu").click(function() {
			$(".head-nav ul").slideToggle(300, function() {
				// Animation complete.
			});
		});
	</script>
	<!-- script-for-nav -->

	<div class="banner1">
		<div class="container"></div>
	</div>
	<!-- header -->
	<!-- content -->
	<div class="container">
		<div class="main">
			<div class="contact">
				<div class="contact_info">
					<h2>联系地址</h2>
				 	<div class="map">
						<iframe width="100%" height="250" frameborder="0" scrolling="no"
							marginheight="0" marginwidth="0"
							src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265&amp;output=embed"></iframe>
						<br> <small><a
							href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265"
							style="color:#777777;text-align:left;font-size:13px;">查看大地图 </a>
						</small>
					</div> 
				</div>
				<div class="contact-form">
					<h2>精英大侠-阿汇-智能聊天回复</h2>
					<!-- 	<form method="post" action="contact-post.html"> -->

					<div>
						    	<span><label>聊天记录</label></span>
						    	
						    	<span>
						    	<textarea id="chatList"  type="text" class="textbox" >阿汇：您好，我是阿汇，掌握电脑黑科技的精英大侠，有什么可以帮助您的吗</textarea>
						    	</span>
						    </div>

					<div>
						<span><label>请输入你的问题（哪个牌子电脑好/电脑保修/电脑显卡）</label> </span> <span><input
								type="text" class="textbox" placeholder="请输入内容" name="info" id="info"></input>
						</span>
					</div>



					<div>
						<span> <!-- <input type="submit" class="" value="Submit us"> -->
							<input type=submit onclick="doSubmit()" value="提交"> </span>
					</div>
					<!-- <label type="hidden" id="res"></label> -->
					<input type="hidden" name="_div" value="res" id="res" /> 
					<!-- 	</form> -->
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>
				Copyright &copy; 2017.Company name All rights reserved.<a
						target="_blank" href="http://sc.chinaz.com/moban/">精英大侠;</a>
			</p>
		</div>
	</div>
	<!-- footer -->
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>